<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>1</title>
		<link rel="stylesheet" type="text/css" href="css/new_file.css"/>
		<style type="text/css">
			#baom-sheji_wrapper{
				display: block
			}
			body{
				background:gray;
			}
		</style>
		<!--<style type="text/css">
			body,p,li,ul,div{
				line-height:  normal;
			}
			/*清楚内外边距*/
			body,h1,h2,h3,h4,h5,h6,p,li,ul{
				margin: 0;
				padding: 0;
				
			}
			/*清楚列表样式*/
			li{list-style: none;}
			/*清楚超链接下划线*/
			a{text-decoration: none;}
			img{vertical-align: middle;}
			
			#baom-sheji{
				width: 1080px;
				height: 564px;
				background: white;
				border: 1px solid;
				position: absolute; 
				left: 50%; 
				margin-left: -540px;
				top: 50%;
				margin-top: -282px;
				/*display: none;*/
			}
			.word_color{
				color: #f9bb36;
			}
			/*左边开始*/
			#baom-sheji_left{
				width: 360px;
				height: 454px;
				padding: 55px 90px;
				float: left;
			}
			.sheji_left_head{
				text-align: center;	
			}
			.sheji_left_head h2{
				font-size: 22px;
			}
			
			.sheji_left_houseradio .sheji_left_one,.sheji_left_timeradio .sheji_left_two{
				float: left;
				width: 120px;
			}
			.sheji_left_houseradio{
				height: 110px;
				margin: 10px 0 30px;
			}
			.sheji_left_timeradio{
				height: 21px;
				margin: 15px 0 30px;
				
			}
			.sheji_left_content p img{
				margin-right: 10px;
			}
			.sheji_left_content p{
				font-size: 13px;
			}
			/*3*/
			.three{
				margin-bottom: 40px;
			}
			.three input{
				height: 25px;
				font-size: 13px;
				width: 56%;
				padding-left: 5px;
			}
			
			.word_min{
				font-size: 14px;
				margin: 5px 0 30px ;
			}
			.sheji_left_word{
				font-size: 14px;
				color: grey;
			}
			.sheji_left_search{
				width: 65%;
				font-size: 12px;
				height: 18px;
			}
			.sheji_left_btn{
				background: orange;
				font-size: 20px;
				border-radius: 5px;
				color: white;
				border: none;
				width: 100%;
				height: 45px;
			}
			
			/*右边开始*/
			#baom-sheji_right{
				width: 440px;
				height: 484px;
				background: #f7fffb;
				padding: 40px 50px;
				float: right;
			}
			#baom_video{
				/*display: none;*/
			}
			.baom_videoimg{
				position: absolute;
				top: 40px;
				right: 50px;
				z-index: 1;
				/*display: none;*/
			}
			.sheji_right_word{
				font-size: 14.1px;
				line-height: 22px;
				color: #b7bcba;
				margin-bottom: 30px;
			}
			.sheji_right_int{
				margin: 18px 0 12px;
			}
			
			#baom-sheji_right .sheji_right_list>li{
				float: left;
				height: 40px;
			}
			#baom-sheji_right .sheji_right_list>li:nth-child(1),#baom-sheji_right .sheji_right_list>li:nth-child(9){
				width: 75px;
			}
			#baom-sheji_right .sheji_right_list>li:nth-child(3),#baom-sheji_right .sheji_right_list>li:nth-child(5),#baom-sheji_right .sheji_right_list>li:nth-child(7){
				width: 94px;
				text-align: center;
			}
			#baom-sheji_right .sheji_right_list .sheji_right_list_left{
				width: 52px;
				text-align: center;
			}
			#baom-sheji_right .sheji_right_list .sheji_right_list_right{
				float: right;
				width: 54px;	
				text-align: center;	
			}
			#baom-sheji_right .sheji_right_list>p{
				float: left;
				line-height: 40px;
			}
			#baom-sheji_right .sheji_right_list>li p{
				font-size: 13px;
				color: #b7bcba;
				line-height: 30px;
			}
			/*关闭*/
			#baom_close{
				position: absolute;
				top: -25px;
				right: -25px;
			}
			.imgShow{
				display: block
			}
			.imgHide{
				display: none
			}
		</style>-->
	</head>
		<script src="http://www.jq22.com/jquery/jquery-2.1.1.js"></script>
	
	<body>
		<button id="btn">点击</button>
		<!--报名-->
		<div id="baom-sheji_wrapper">
			<div id="baom-sheji" class="baoming"> 
				<!--左边-->
				<div id="baom-sheji_left">
					<div class="sheji_left_head">
						<h2>完善信息获得 <span class="word_color">免费设计方案</span></h2>
						<p class="word_min"><span class="word_color">*</span>由于当前申请人数较多，完善资料将得到优先服务</p>
					</div>
					<div class="sheji_left_content">
						<!--1-->
						<div class="one">
							<h6 class="sheji_left_word">1.您家的房屋现状是：</h6>
							<div class="sheji_left_houseradio">
								<div class="sheji_left_one">
									<img src="img/baom_img1.jpg"/>
									<p><img src="img/baom_radio1.jpg" class="imgNoChecked"/><img src="img/baom_radio2.jpg" class="imgChecked imgHide"/><span>毛呸房</span></p>
								</div>
								<div class="sheji_left_one">
									<img src="img/baom_img2.jpg"/>
									<p><img src="img/baom_radio1.jpg" class="imgNoChecked"/><img src="img/baom_radio2.jpg" class="imgChecked imgHide"/><span>旧房翻新</span></p>
								</div> 
								<div class="sheji_left_one">
									<img src="img/baom_img3.jpg"/>
									<p><img src="img/baom_radio1.jpg" class="imgNoChecked"/><img src="img/baom_radio2.jpg" class="imgChecked imgHide"/><span>局邮改造</span></p>
								</div>
							</div>
						</div>
						<!--2-->
						<div class="two">
							<h6 class="sheji_left_word">2.您家准备什么时候开始装修：</h6>
							<div class="sheji_left_timeradio">
								<div class="sheji_left_two">
									<p><img src="img/baom_radio1.jpg" class="imgNoChecked"/><img src="img/baom_radio2.jpg" class="imgChecked imgHide"/>一个月内</p>
								</div>
								<div class="sheji_left_two">
									<p><img src="img/baom_radio1.jpg" class="imgNoChecked"/><img src="img/baom_radio2.jpg" class="imgChecked imgHide"/>两个月内</p>
								</div>
								<div class="sheji_left_two">
									<p><img src="img/baom_radio1.jpg" class="imgNoChecked"/><img src="img/baom_radio2.jpg" class="imgChecked imgHide"/>两个月以上</p>
								</div>
							</div>
						</div>
						<div class="three">
							<h6 class="sheji_left_word">3.您家小区的名称：<input type="text" placeholder="一起装修网将为您推荐优秀服务"/></h6>
						</div>
							<button type="submit" class="sheji_left_btn">提交</button>
						
					</div>
					
				</div>
				<!--右边-->
				<div id="baom-sheji_right">
					<img class="baom_videoimg" src="img/baom_banner.jpg"/>
					
					<video width="443" height="239" controls id="baom_video"  > 
						<source src="//static-default.17house.com/17housevedio/17housevedio.mp4" type="video/mp4"></source>
					</video>
	
					<h5 class="sheji_right_int">公司介绍</h5>
					<p class="sheji_right_word">全国一站式装修服务平台，70%以上的客户来自口碑介绍，中国建筑装
						饰协会住宅委员会制定最具新兰的装修平台。目前已经<span class="word_color">北京、上海、
						深圳、武汉、成都、天津、西安、哈尔滨等</span>16个城市开设分公司和体验
						店。为全国49个主要大中型城市业主提供服务。2017年2月，成功挂牌
						新三板，成为上市的互联网装修服务平台。证券代码：870343（一起
						网）</p>
					<ul class="sheji_right_list">
						<li>
							<div class="sheji_right_list_left">
								<h5>2009年</h5>
								<p>成立时间</p>
							</div>
						</li>
						<p><img src="img/u1088.png"/></p>
						<li>
							<h5>中国北京</h5>
							<p>成立地点</p>
						</li>
						<p><img src="img/u1088.png"/></p>
						<li>
							<h5>家装服务</h5>
							<p>主营服务</p>
						</li>
						<p><img src="img/u1088.png"/></p>
						<li>
							<h5>120W人</h5>
							<p>正在访问</p>
						</li>
						<p><img src="img/u1088.png"/></p>
						<li>
							<div class="sheji_right_list_right">
								<h5>800W人</h5>
								<p>累计服务</p>
							</div>
						</li>
					</ul>
				</div>
				<!--关闭-->
				<div id="baom_close">
					<img src="img/close.png"/>
				</div>
			</div>
		</div>
		<!--报名 end-->
		
		<script src="js/baom_popup.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
